import React from "react";

import {Link,IndexLink} from "react-router";

import "../../css/mobile/mobilenav.less";

import "../icon/iconfont.css";

export default class MobileIndex extends React.Component{
    render(){
        return(
            <div>
                
                
                    <div>{this.props.children}</div>
                
                <ul className="mobilenav">
                    <li >
                        <IndexLink activeClassName="active" to="/">
                            <span>&#xe698;</span>
                            <p>热门</p>
                        </IndexLink>
                    </li>
                    <li>
                        
                <IndexLink  activeClassName="active" to="/fenlei">
                        <span>&#xe7f9;</span>
                        <p> 分类</p>
                        </IndexLink>
                    </li>
                    <li>
                        
                        <IndexLink  activeClassName="active" to="/my">
                        <span>&#xe644;</span>
                        <p>我的</p>
                        </IndexLink>
                    </li>
                </ul>
            </div>       
        )
    }
}